<%--
  Created by IntelliJ IDEA.
  User: 43930
  Date: 2020/8/12
  Time: 10:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>攻略列表</title>
    <link rel="stylesheet" href="/static/css/reset.css">
    <style>
        #content {
            width: 1190px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        #content .list-wrapper .wrapper .list-item{
            display: flex;
        }
        #content .list-wrapper {
            width: 1180px;
            height: 1880px;
            /*display: flex;*/
            margin: 0 auto;
            align-items:center;
            border: 1px solid #F2F2F2;
            background-color: #F2F2F2;
        }
        #content .list-wrapper .list-item {
            width: 1180px;
            height: 180px;
            display: flex;
        }
        #content .list-wrapper .list-item .img-wrapper {
            margin: 20px 20px;
        }
        #content .list-wrapper .list-item .text1{
            margin-left: 100px;
            margin: 30px 20px;
            font-size: 18px;
        }
        #content .list-wrapper .list-item .text2{
            margin-left: 120px;
            font-size: 14px;
            margin: 30px 20px;
        }
    </style>
</head>



<body>
<%--头部--%>
<jsp:include page="/public/danhang.jsp"/>
<%--内容--%>
<div id="content">
    <div class="list-wrapper">
        <c:forEach items="${list}" var="item">
                <div class="list-item">
                    <div class="img-wrapper">
                        <img class="path" src="${item.path}" alt="" width="230px" height="160px">
                    </div>
                    <div class="text">
                        <a href="/api/Strategy/selectById?id=${item.id}">
                        <div class="text1">${item.title}</div>
                        </a>
                        <p class="text2">
                            <p class="detail">${item.detail}</p>
                        </p>
                    </div>
                </div>
        </c:forEach>
    </div>
</div>
<%--脚部--%>
<%--<jsp:include page="../public/footer.jsp"/>--%>
</body>
</html>
